<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/onclick.js"></script>
</head>
<body>
    <div class="overlay" id="overlay"></div>
    <div class="top">
      <span>校园一卡通管理系统</span>
      <div id="admin" onclick="DownList()">
          <span>admin<i class="fa fa-angle-down" aria-hidden="true" id="down"></i></span>
          <div id="down_list">
              <div style="border-bottom: 1px solid" id="password_update_btn" onclick="update_password()">修改密码</div>
              <div>退出</div>
          </div>
      </div>
    </div>
    <div id="left_box">
        <div class="title_box01">
            <span><i class="fa fa-navicon" aria-hidden="true"></i></span><span>卡类型管理</span>
        </div>
        <div class="title_box">
            <span><i class="fa fa-user" aria-hidden="true"></i></span><span onclick="DownList01()">&nbsp;用户管理</span><span class="down_btn" onclick="DownList01()"><i class="fa fa-angle-down" aria-hidden="true"></i></span>
        </div>
        <div class="title_box" id="student" onclick="DownList03()">
            <span style="margin-left: 35px">学生管理</span>
        </div>
        <div class="title_box" id="teacher" onclick="DownList04()">
            <span style="margin-left: 35px">教职工管理</span>
        </div>
        <div class="title_box">
            <span><i class="fa fa-money" aria-hidden="true"></i></span><span>流水管理</span><span class="down_btn"><i class="fa fa-angle-down" aria-hidden="true"></i></span>
        </div>
    </div>
    <div id="task">
        <div class="task_box" id="student_box">学生管理&nbsp;&nbsp;<i class="fa fa-close" aria-hidden="true" style="color: #b7b7b7;cursor: pointer" onclick="close01()"></i></div>
        <div class="task_box" id="teacher_box">教师职工管理&nbsp;&nbsp;<i class="fa fa-close" aria-hidden="true" style="color: #b7b7b7;cursor: pointer" onclick="close02()"></i></div>
        <div class="task_box" id="password_update_box">修改密码&nbsp;&nbsp;<i class="fa fa-close" aria-hidden="true" style="color: #b7b7b7;cursor: pointer"></i></div>
    </div>
    <div id="password_update" onclick="move_box()">
        <div id="password_box_title">
            <span id="password_box_title_right">修改密码</span>
            <span id="password_box_title_left">
                <i class="fa fa-minus" aria-hidden="true"></i>
                <i class="fa fa-window-maximize" aria-hidden="true" onclick="big()"></i>
                <i class="fa fa-close" aria-hidden="true" onclick="update_password_close()"></i>
            </span>
        </div>
        <form>
        <div id="password_box">
            <p><span>原密码:</span><input type="password" class="password_input"></p>
            <p><span>新密码:</span><input type="password" class="password_input"></p>
            <p><span>确认密码:</span><input type="password" class="password_input"></p>
        </div>
        <button type="submit" class="btn">立即提交</button><button type="reset" class="btn">重置</button>
        </form>
    </div>
</body>
</html>

